<template>
  <div>
    <!-- filter过滤器：字符加工
      特点：{{  }}与v-bind,不可以使用this
            用法：
              全局过滤器
                 Vue.filter('过滤器的名字',(value)=>{
                  return 新的值
                 })
                 {{ value的实参 | 过滤器的名字 }}
              局部过滤器
                 filters:{
                   过滤器的名字(value，第二个参数形参){
                    return 新的值
                   }
                 }
                  {{ value的实参 | 过滤器的名字(第二个参数实参) }}
-->
    {{ 900 | filterMoney(7.2) }}
  </div>
</template>
<script>
export default {
  beforeRouteEnter(to, from, next) {
    // ...
    next()
  },
  beforeRouteUpdate(to, from, next) {
    next()
  },
  beforeRouteLeave(to, from, next) {
    // ...
    next()
  },
  filters: {
    filterMoney(value, num) {
      return value * num
    }
  },
  data() {
    return {
      money: 100
    }
  }
}
</script>
<style></style>
